/* Blue Theme Stylesheet */

.contentcontainer .altheading {background: #00789F url(img/bg_heading_alt.png); border: 1px solid #00789F; color: #fff; text-shadow: 1px 1px 1px #2D738A;}

/* Navigation Styling */

ul#nav li a.heading, a.collapsed, a.expanded, ul.navigation li.selected{border-bottom: 1px solid #006F93; border-top: 1px solid #2DABD5; text-shadow: 1px 1px 1px #0D2C35; background: url(img/bg_navigation.png) no-repeat right top;}

ul#nav li a.expanded {background: url(img/bg_navigation.png) right -76px;}

ul#nav li a.collapsed:hover {background: url(img/bg_navigation.png) no-repeat right -38px;}
ul#nav li a.expanded:hover {background: url(img/bg_navigation.png) no-repeat right -114px;}

ul.navigation li.selected {background: url(img/bg_navigation_selected.png) no-repeat right 0; border: none;}
ul.navigation li.selected a{display:inline; background:none}

/* Side Notifications */

.notifycount {background: url(img/bg_notify_count.png) no-repeat top;}

/* Pagination */

ul.pagination li.page a {background: #00789F url(img/bg_buttons.png) repeat-x top; border: 1px solid #0D87AE;}
ul.pagination li.page a:hover {background: #00789F url(img/bg_buttons.png) 0 -50px; border: 1px solid #005977;}

/* Button Styling */

.btn, .btnalt {display:inline-block; background: url(img/bg_buttons.png) repeat-x top; border: 1px solid #0D87AE!important; color: #fff; font-size: 13px; padding: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; font-weight: 700; border: none; text-decoration:none;}
.btn:hover {background: url(img/bg_buttons.png) 0 -50px; border: 1px solid #005977; cursor: pointer;}

.btnalt {background: url(img/bg_buttons_alternative.png) repeat-x top !important; border: 1px solid #333 !important; color: #fff; padding: 7px 10px; border: none;}
.btnalt:hover {background: url(img/bg_buttons_alternative.png) 0 -50px !important; border: 1px solid #111 !important; cursor: pointer;}		

/* Login Page */

.logininput {background: #fff url(img/bg_login_input.png) repeat-x top;}
.logininput:focus {border: 1px solid #09C; color: #09C;}

#logincontainer .loginbtn {background: #3197CA url(img/bg_login_btn.png) repeat-x top; border-radius: 8px; -moz-border-radius: 8px; border: none; font-size: 25px; font-weight: 700; text-shadow: 1px 1px 1px #9cced6; color: #1C5571; width: 260px; padding: 11px 0; margin: 5px 0 0 0; display: block; cursor: pointer; border-top: 1px solid #BEDFEF; letter-spacing: -1px;}

#logincontainer .loginbtn:hover {background: #3197CA url(img/bg_login_btn.png) -0 -60px; cursor: pointer; color: #103141;}


/* YunZhangGui Admin Styles */
.divider {padding-bottom:10px; border-bottom:2px solid #ccc;}
.yzg-tab li{float:left; width:80px; height:38px; line-height:38px; background:#eee; border:1px solid #ddd; font-size:13px; color:#777; text-align:center; text-shadow:0px 1px 1px rgba(255,255,255,.7); box-shadow:0px 1px 1px rgba(255,255,255,.5) inset;}
.yzg-tab li a {display:block; line-height:38px; color:#777; text-decoration:none;}
.yzg-tab li:hover{background:#f7f7f7; color:#47b7ef;}
.yzg-tab li:hover a {color:#47b7ef;}
.yzg-tab li.on, .yzg-tab li.on:hover{background:#47b7ef; border:1px solid #4daee2; color:#fff; font-weight:bold; text-shadow:0px 1px 1px rgba(0,0,0,.7);}
.yzg-tab li.on a, .yzg-tab li.on:hover a{color:#fff; cursor:default;}
.yzg-tab li:first-child{border-radius:5px 0px 0px 5px;}
.yzg-tab li:last-child{border-radius:0px 5px 5px 0px;}

.icon-calendar {display:inline-block; width:16px; height:16px; background:url(../../img/icon-calendar.png) no-repeat; vertical-align:-2px;}

.paging a, .paging span {display:inline-block; padding:3px 7px; background:#fff; border:1px solid #ccc; border-radius:5px; text-decoration:none; color:#666;}
.paging span, .paging a:hover {background:#00789F url(img/bg_buttons.png) repeat-x top; border: 1px solid #0D87AE; color:#fff;}
.paging .red {color:#fff !important;}

/*pop tips*/
.modal{position:fixed; top:10%; left:50%; z-index:1050; width:570px; margin-left:-285px; background-color:#fff; border:1px solid #999; border:1px solid rgba(0,0,0,0.3); *border:1px solid #999; outline:0; -webkit-box-shadow:0 3px 7px rgba(0,0,0,0.3); -moz-box-shadow:0 3px 7px rgba(0,0,0,0.3); box-shadow:0 3px 7px rgba(0,0,0,0.3); -webkit-background-clip:padding-box; -moz-background-clip:padding-box; background-clip:padding-box}
.modal.fade{opacity: 0; /*top:-25%;*/ -webkit-transition:opacity .3s linear,top .3s ease-out; -moz-transition:opacity .3s linear,top .3s ease-out; -o-transition:opacity .3s linear,top .3s ease-out; transition:opacity .3s linear,top .3s ease-out; display:none}
.modal.fade.in{top:8%; opacity:1;}
.modal-header{padding:9px 15px; border-bottom:1px solid #eee; background:#f7f7f7;}
.modal-header .close{margin-top:2px; font-size:32px; cursor:pointer}
.modal-header h3{margin:0; padding-top:3px; line-height:30px}
.modal-header h3 b{font-weight:normal}
.modal-header h4{padding-top:5px; color:#333; font-size:16px}
.modal-header span{padding-left:10px; font-size:14px; color:#999}
.modal-header tt{padding-left:5px; color:#999}
.modal-body{position:relative; padding:5px 5px 15px 15px; max-height:350px; overflow-x:hidden; overflow-y:auto; background:#fff}
.modal.sm{width:402px; margin-left:-200px;}
.modal.view{width:460px; margin-left:-230px;}
.fade{-moz-transition:all 0.2s;-webkit-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s;}
.fade.in{opacity:1;display:block\9;}
.fade.out{opacity:0; display:none}
.close{float:right; font-size:20px; font-weight:bold; line-height:20px; color:#000; text-shadow:0 1px 0 #fff; opacity:.2; filter:alpha(opacity=20); font-family: "Open Sans"; cursor:auto}
.graylayer{position:fixed; width:100%; height: 100%; top: 0px; bottom:0px; left:0px; right:0px; z-index: 20; opacity:1; background: rgba(0,0,0,.3); background:transparent\9; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#6B000000,endColorstr=#6B000000)\9; zoom:1\9; -moz-transition:all 0.3s;-webkit-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s;}
.transparentlayer {background:rgba(0,0,0,0); filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#00FFFFFF', endColorstr='#00FFFFFF')\9;}

/*report*/
.write-report {margin-bottom:20px;}
.write-report li {margin-bottom:10px;}
.write-report .title {display:inline-block; width:60px; }
.write-report label {display:inline-block; padding-bottom:0;}
.reportTitle {font-size:16px; margin-bottom:20px;}
.reportBox li {line-height:20px; padding:10px; font-size:14px; background:#fff; border:1px solid #ccc; border-top:0; cursor:pointer;}
.reportBox li:first-child {border-top:1px solid #ccc;}
.reportBox li:hover {background:#e5f7ff;}
.reportBox li span {display:inline-block;}
.reportBox li .name {width:100px; margin-right:10px;}
.reportBox li div.content {margin-top:10px; padding:10px 20px; border-top:1px dotted #ccc;}

.user-list {padding-bottom:10px; margin-bottom:10px; border-bottom:1px dotted #ccc;}
.user-list li {float:left; width:24%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.colomn-3 li {float:left; width:32%;}
.colomn-3 li label {padding:5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.colomn-3 li label:hover {background:#ccc;}

/*weikezhan*/
.wkz_edit h2 {font-size:20px; line-height:20px; padding-bottom:20px; margin-bottom:20px; border-bottom:2px solid #ccc;}
.wkz_edit h4 {font-size:14px; line-height:20px; margin-bottom:10px;}
.wkz_edit textarea {font-size:14px; line-height:20px;}

.wkz_tags {}
.wkz_tags .single, .wkz_tags .add {float:left; padding:5px 10px; height:30px; line-height:30px; margin:0 10px 10px 0; background:#f7f7f7; border:1px solid #ccc;}
.wkz_tags .single a, .wkz_tags .add a {float:right; margin-left:20px;}
.wkz_tags .add input {width:100px; height:30px; line-height:20px; padding:5px; border:1px solid #ccc;}
.wkz_tags .add input:focus {border-color:#333;}

.wkz_edit .uploadbox {border:1px solid #ccc; background:#fff; margin-bottom:20px;}
.uploadbox h5 {background:#f5f5f5; color:#555; font-size:14px; line-height:20px; padding:5px;}

.wkzPicUpload {padding:20px; border-bottom:1px dotted #ccc;}
.wkzPicUpload h3 {font-size:16px; line-height:20px; color:#000; margin-bottom:10px;}
.wkzPicUpload .example {margin:10px 0;}
.wkzPicUpload .wkzcanvas {min-height:160px; margin:10px 0;}
.wkzPicUpload .form p {margin-bottom:10px;}

.databox .pos {position:relative;}
.databox .pos .flag {position:absolute; top:10px; left:-1px; z-index:1; padding:5px; background-color:#c00; color:#fff; font-style:normal; font-size:12px;}
.databox .pos .flag:after {content:''; width:0; height:0; border:14px solid #c00; border-color:#c00 transparent #c00 #c00; position:absolute; top:0; right:-14px; z-index:-1;}

.wkzcanvas .before {float:left;}
.wkzcanvas .after {float:left; margin-left:20px;}

.modal-loading {padding:30px 0; text-align:center;}
.modal-loading i {display:inline-block; width:32px; height:32px; background:url(../../img/loading32.gif) no-repeat; overflow:hidden;}
.i-loading {display:inline-block; width:32px; height:32px; background:url(../../img/loading32.gif) no-repeat; overflow:hidden;}

/*themes manage*/
.theme-list {border-bottom:1px solid #d3d3d3;}
.theme-list-title:before, .theme-list-title:after, .theme-list-content:before, .theme-list-content:after{content: ""; display: table;}
.theme-list-title:after, .theme-list-content:after{clear: both;}
.theme-list-col {float:left; padding:10px 0; text-align:center; font-size:14px; box-sizing:border-box;}
.theme-list-title {border:1px solid #d3d3d3; border-bottom:0; background:#f2f2f2; background:-moz-linear-gradient(top,#f8f8f8,#ededed); background:-webkit-gradient(linear,0 0,0 100%,from(#f8f8f8),to(#ededed)); background:-webkit-linear-gradient(top,#f8f8f8,#ededed);}
.theme-list-content {border:1px solid #d3d3d3; border-bottom:0; background:#fff;}
.theme-list-content .move {cursor:move;}
.theme-list-divider {margin-bottom:10px; border-bottom:1px solid #ccc;}
.theme-list .placeHolder {height:42px; border:1px solid #d3d3d3; border-bottom:0; background-color:#f7f7f7;}
.theme-list .ui-sortable-helper {opacity:.7;}
.tlc-1 {width:30%;}
.tlc-2 {width:20%;}
.tlc-3 {width:15%;}
.tlc-4 {width:20%;}
.tlc-5 {width:15%;}
.tlc-24 {width:40%;}

.theme-content {width:68%;}
.theme-preview {width:24%; padding-left:3%; border-left:1px solid #ccc; position:fixed; top:5%; right:0;}
.theme-mocks-iphone {width:301px; height:636px; background:url(img/mocks-iphone.png) no-repeat; position:relative;}
.theme-mocks-inner {position:absolute;}
.theme-mocks-iphone .theme-mocks-inner {width:261px; height:455px; top:90px; left:21px; background:#f5f5f5; overflow-y:auto;}
.theme-mocks .theme {height:180px; background-color:#555; background-size:cover; text-align:center;}
.theme-mocks .theme h2 {color:#fff; font-size:24px; font-weight:400; padding:70px 0 0;}
.theme-mocks .theme h3 {display:inline-block; margin:10px auto; color:#fff; font-size:12px; font-weight:400; padding:5px; background-color:#333; background-color:rgba(0,0,0,.5);}

.addtheme-tab li {float:left; width:50%;}
.addtheme-tab-3 li {width:33.33%;}
.addtheme-tab li a {display:block; padding:10px 0; background-color:#ededed; color:#393; box-sizing:border-box; border-left:1px solid #ccc;}
.addtheme-tab li a.on {background-color:#fff; color:#555; text-decoration:none; cursor:default;}
.addtheme-tab li:first-child a {border-left:0;}

.theme-sub-list {float:left; width:100px;}
.theme-sub-list li {border-bottom:1px solid #ccc; padding:10px 2px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; cursor:pointer;}
.theme-sub-list li.on {background-color:#fff; margin-right:-1px; border-right:1px solid #fff;}
.theme-sub-content {padding:15px 30px; margin-left:100px; background-color:#fff; border-left:1px solid #ccc; text-align:left;}

.theme-cover-upload {float:left; width:200px; height:140px; border:1px solid #ccc; background-color:#f5f5f5;}
.theme-cover-upload-btn {display:block; padding:58px 0; font-size:16px; color:#555; text-decoration:none; text-align:center;}
.theme-cover-preview {float:right; width:350px;}
.theme-cover-preview .theme-cover-preview-pic {width:246px; height:180px; background-size:cover; background-color:#f7f7f7; position:relative;}
.theme-cover-preview .theme-cover-preview-pic .title {font-size:24px; padding:50px 0 20px; text-align:center; color:#fff;}
.theme-cover-preview .theme-cover-preview-pic .tag {font-size:18px; text-align:center; color:#fff;}

@media (max-width: 1000px) {
  .theme-content {width:100%;}
  .theme-preview {display:none;}
}

/*doorlock manage*/
.doorlockSites {}
.doorlockSites .title {cursor:pointer; text-decoration:none;}
.doorlockSites .title:hover {color:#c00;}
.doorlockSites .title i {display:none;}
.doorlockSites .show i {display:inline-block; margin-left:3px; vertical-align:-3px; width:0; height:0; border:5px solid #777; border-color:#777 transparent transparent transparent;}
.doorlockSites .show:hover i {border-color:#c00 transparent transparent transparent;}
.doorlockSites .hide i {display:inline-block; margin-left:3px; vertical-align:3px; width:0; height:0; border:5px solid #777; border-color:transparent transparent #777  transparent;}
.doorlockSites .hide:hover i {border-color:transparent transparent #c00 transparent;}
.doorlockSites .box {width:500px; padding:10px; margin:10px 0; background:#ffffef; border:1px solid #ccc;}
.doorlockSites .box span {white-space:pre-wrap; word-break:break-all; word-wrap:break-word;}

/* sales platform*/
.album li {float:left; width:80px; height:80px; padding:4px; margin:0 10px 10px 0; border:1px solid #ededed; background:#fff; box-shadow:0 1px 5px -3px rgba(0,0,0,.3); position:relative;}
.album li a.delete{position:absolute; width:20px; height:20px; display:none; top:-8px; left:-10px; background:url(img/ico-delete-20.png) no-repeat;}
.album li:hover a.delete{display:block}
.album li .cover {display:none; position:absolute; bottom:0; right:0; color:#fff; background:#d66c6c; padding:2px 10px; font-style:normal;}
.album .hasCover .cover {display:block;}
.album .hasCover .setCover {display:none !important;}
.album li .setCover {display:none; position:absolute; top:4px; left:4px; height:20px; text-align:center; color:#fff; background:#00b181; background:rgba(0,153,51,.7);}
.album li:hover .setCover {display:block;}

.album-goods li, .album-goods li img {width:146px; height:100px;}
.album-goods .setCover {width:146px; padding:40px 0;}
.album-goods li:hover .setCover {display:block;}

/* tree */
.tree {float:left; width:150px; margin-right:-1px; box-sizing:border-box; background-color:#fff; border:1px solid #d3d3d3;}
.tree .tree-title {font-size:14px; line-height:21px; font-weight:700; text-align:center; text-shadow:1px 1px 0px #fff; padding:10px 0; border-bottom:1px solid #ccc; background:#f2f2f2; background:-moz-linear-gradient(top,#f8f8f8,#ededed); background:-webkit-gradient(linear,0 0,0 100%,from(#f8f8f8),to(#ededed)); background:-webkit-linear-gradient(top,#f8f8f8,#ededed);}
.tree .branch {padding:5px; max-height:570px; overflow-y:auto;}
.tree .branch-item-a, .tree .sub-item-a, .tree .node-item-a {display:block; height:20px; line-height:20px; padding:5px 10px 5px 15px; border:1px solid #fff; border-radius:2px; text-decoration:none; color:#333; position:relative;}
.tree .branch-item-a:hover, .tree .sub-item-a:hover, .tree .node-item-a:hover {border-color:#d3d3d3;}
.tree .branch-item-a:before, .tree .sub-item-a:before {content:''; width:0; height:0; border:4px solid #d3d3d3; border-color:transparent transparent transparent #d3d3d3; position:absolute; top:11px; left:1px; -webkit-transition:-webkit-transform .25s ease-in; -moz-transition:-moz-transform .25s ease-in; transition:transform .25s ease-in;}
.tree .sub-item-a:before {left:20px;}
.tree .hide .branch-item-a:before, .tree .hide .sub-item-a:before {-webkit-transform:rotate(0) !important; -moz-transform:rotate(0) !important; transform:rotate(0) !important;}
.tree .show .branch-item-a:before, .tree .show .sub-item-a:before {-webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); transform:rotate(90deg);}
.tree .sub-item-a {padding:5px 10px 5px 35px; color:#333;}
.tree .node-item-a {padding:5px 10px 5px 50px; color:#777;}
.tree .node-item-a-on {font-weight:700; color:#333;}

/*com suggestion*/
.com-suggest {width:370px; padding:10px; background:#fff; border:1px solid #999; border:1px solid rgba(0,0,0,.3); box-shadow:0 3px 7px rgba(0,0,0,0.3); position:fixed; z-index:1060;}
.com-suggest .cls {width:30px; height:20px; padding:5px 0; background:#999; font-size:20px; font-family:"Open Sans"; text-decoration:none; text-align:center; color:#fff; position:absolute; right:-30px; top:-1px;}
.com-suggest .cls:hover {background:#777;}
.com-suggest-tab {margin-bottom:10px; border-bottom:1px solid #dedede;}
.com-suggest-tab li {float:left; display:inline; margin:0 5px 0 0;}
.com-suggest-tab li a {display:block; font-size:12px; padding:3px 10px; color:#777; border:1px solid #dedede; border-bottom:0;}
.com-suggest-tab li a:hover, .com-suggest-tab li .on {background-color:#389914; border-color:#389914; color:#fff;}
.com-suggest-content .item {padding-left:40px; position:relative;}
.com-suggest-content .item span {position:absolute; left:0; top:2px; font-size:12px; color:#389914;}
.com-suggest-content li a {display:inline-block; width:50px; line-height:24px; padding:0 0 0 5px; font-size:12px; color:#555; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-decoration:none;}
.com-suggest-content li a:hover, .com-suggest-content li .on {background-color:#389914; color:#fff;}
.com-suggest-content .notitle {padding-left:0;}
.com-suggest-content .notitle a {width:60px;}
.com-suggest-content .col-2 a {width:175px;}
.com-suggest-content .col-3 a {width:115px;}
.com-suggest-content .data {margin-bottom:5px; padding-bottom:5px; border-bottom:1px dashed #ccc; font-size:12px;}
.com-suggest-content .data .edit {display:inline;}

/*com results*/
.com-results {width:238px; padding:2px; background:#fff; border:1px solid #999; border:1px solid rgba(0,0,0,.3); box-shadow:0 3px 7px rgba(0,0,0,0.3); position:fixed; z-index:1060; max-height:140px; overflow-y:auto;}
.com-results li {font-size:14px; line-height:20px; height:20px; padding:5px; cursor:pointer; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.com-results li b {color:#2ca600;}
.com-results li:hover {background-color:#2ca600; color:#fff;}
.com-results li:hover b {color:#fff;}
.com-results .error, .com-results .error:hover {color:#fff; background-color:#c00; cursor:default; font-size:12px;}